<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>04_选择器-伪类选择器-动态伪类选择器-顺序说明</title>

        <style>
            /* 样式后写的会覆盖前面写的
                hover必须要写在link和visited之后  原因如果visited要是写在了
                hover之后 那么点击一次完事  之后移入就不会显示移入的那个颜色了

                active必须要写在hover之后  因为没有移入哪来的点击

                所以动态伪类选择器的书写顺序是 
                link  visited  hover  active

                LoVe   HAte

                lvha

            */  

            /* 默认的样式就是这个颜色 */
            a:link {
                color: red;
            }
            
            /* 当你点击之后 你发现永远都是棕色 */
            a:visited {
                color: brown;
            }

            /* 鼠标移入的时候才会变成绿色 */
            a:hover {
                color: green;
            }

            a:active {
                color: yellow;
            }

        </style>


    </head>
    <body>
        <a href="http://www.atguigu.com">尚硅谷</a>
    </body>
</html>